@charset "UTF-8";

/**
 * @date    2017-06-09 14:37:02
 */
.topic-container{
    max-width: 1200px;
    min-height: 800px;
    margin: 0 auto;
    margin: 30px auto 70px;
    background-color: #fff;
}
.search-container{
    padding: 0 40px;
}
.topic {
    overflow: hidden;
    background: white;
    padding: 30px 40px;
}

.topic > .subnav {
    border-bottom: 1px solid #d2d2d2;
    position: relative;
    overflow: hidden;
}

.topic > .subnav .nav_box {
    height: 38px;
}

.topic > .subnav .nav_box > li {
    font-size: 16px;
    padding: 2px 18px 14px 18px;
}

.topic > .subnav .nav_box > li.back {
    height: 38px;
}

.topic > .subnav > button {
    border: 1px solid #d2d2d2;
    border-radius: 0;
    padding: 4px 8px;
    color: #9c9c9c;
    background: #f2f2f2;
}

.topic > .subnav .topic_heat {
    border-right: none;
}

.topic > .subnav > button.green {
    background: white;
}

/* 话题列表 */
.topic > .content {
    width: 100%;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}

.topic > .content a:hover {
    text-decoration: none;
}

.sidemenu {
    width: 90px;
    padding: 10px;
    float: left;
    border: 1px solid #d2d2d2;
}

.sidemenu > a {
    display: block;
    line-height: 46px;
    text-align: center;
    border-bottom: 1px solid #d2d2d2;
}

.sidemenu > a:hover {
    color: #44b549;
}

.sidemenu.baidu > a:nth-child(6),
.sidemenu.sina > a:nth-child(8),
.sidemenu.sogou > a:nth-child(3) {
    border-bottom: none;
}

.list {
    margin-left: 120px;
}

.list > li {
    border-bottom: 1px solid #eeeeee;
    padding: 10px;
    overflow: hidden;
}

.list > li:hover {
    background: #f2f2f2;
}

.list > li > * {
    float: left;
}

.list > li .cover {
    width: 140px;
    height: 100px;
}

.details_summary {
    width: 330px;
    height: 100px;
    margin-left: 20px;
}

.details_summary > a {
    display: block;
}

.list > li > span {
    line-height: 100px;
    color: #9c9c9c;
}

.list > li .s1 {
    width: 230px;
    text-align: center;
}

.list > li .s2 {
    width: 180px;
    text-align: right;
    color: cornflowerblue;
}

.details_title {
    height: 26px;
    line-height: 26px;
    position: relative;
    margin-bottom: 5px;
}

.details_title .iconfont {
    width: 23px;
    line-height: 20px;
    font-size: 22px;
    float: left;
    margin: 4px 16px 0 0;
    color: #d2d2d2;
}

.details_title .r_icon1 {
    color: #e64340;
}

.details_title .r_icon2 {
    color: #ff7800;
}

.details_title .r_icon3 {
    color: #ffd200;
}

.details_title .ranking {
    width: 18px;
    line-height: 18px;
    position: absolute;
    left: 2px;
    top: 4px;
    z-index: 100;
    color: white;
    text-align: center;
    font-size: 12px;
}

.details_title > a {
    font-size: 16px;
    color: black;
}

.details_title > img {
    width: 9px;
    height: 9px;
    margin: -4px 0 0 5px;
}

.details_summary .details_epitome {
    color: #9c9c9c;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.list > li .s2 > a {
    color: cornflowerblue;
}

.list > li .s3 {
    margin-right: 10px;
}

.list > li .s3 > span {
    font-size: 22px;
    cursor: pointer;
}

.list > li .s3 > span.green {
    cursor: default;
}

/* 没有封面 */
.list > li .details_fluid {
    width: 490px;
    margin: 0;
}

/* 没有封面和简介 */
li.details > .details_summary {
    height: auto;
    padding: 11px 0 9px;
}

li.details > .details_summary .details_title {
    margin-bottom: 0;
}

li.details > span {
    line-height: 26px;
    padding: 11px 0 9px;
}

/* 无内容显示 */
li.no_content {
    line-height: 200px;
    border-bottom: none;
    text-align: center;
    color: #9c9c9c;
}

.list > li.no_content:hover {
    background: white;
}

li.no_content > span {
    line-height: 200px;
    float: none;
    top: 3px;
    right: 4px;
}

p.no_content {
    padding: 100px 0;
    text-align: center;
    color: #9c9c9c;
}

p.no_content > span {
    top: 2px;
    right: 2px;
}

.add_contrast {
    font-size: 35px;
    display: table;
    background: transparent;
    position: absolute;
    z-index: 101;
}

/* 分页 */
.topic_paging {
    line-height: 40px;
    border: 1px solid #d2d2d2;
    margin: 40px 0 15px 120px;
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.topic_paging .fornoprefetch {
    width: 100%;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
}

.topic_paging .paging_left,
.topic_paging .paging_right {
    width: 40%;
    float: left;
}

.topic_paging .paging_center {
    width: 20%;
    float: left;
    text-align: center;
    color: #9c9c9c;
}

.topic_paging .iconfont {
    margin: 0 8px;
    vertical-align: middle;
}

.topic_paging .new_firstpage {
    width: 30%;
    color: #797979;
    text-align: center;
}

.topic_paging a {
    display: inline-block;
    text-align: center;
}

/**
 * =================================
 * sidebar-话题对比列表
 * =================================
 */
.sidebar .contrast_number {width: 18px; line-height: 18px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: red; font-size: 12px; margin-top: 3px; }
.sidebar .contrast_list {width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: white; position: absolute; top: 0; bottom: 50px; overflow: auto; padding: 10px 10px 0px 18px; }
.sidebar .contrast_list > p {left: 0; right: 0; position: absolute; top: 50%; text-align: center; color: #999590; }
.sidebar .contrast_list > .delete_btn {height: 20px; text-align: center; }
.sidebar .contrast_list > .delete_btn .remove_all {cursor: pointer; color: cornflowerblue; }
.sidebar .contrast_list .contrast_info {padding: 15px 0; border-bottom: 1px solid #eeeeee; overflow: hidden; }
.sidebar .contrast_list .contrast_info > p {margin-bottom: 5px; }
.sidebar .contrast_list .contrast_info > button {height: 20px; line-height: 20px; font-size: 12px; }
.sidebar .contrast_list .contrast_info .icon_mark {color: #9c9c9c; cursor: default; }
.sidebar .contrast_list .contrast_info .icon_mark > span {margin: -1px 5px 0 0; float: left; }
.sidebar .contrast_list .contrast_info .icon_mark > span.icon-baidu {margin-top: -2px; font-size: 14px; }
.sidebar .contrast_list .contrast_info .remove_btn {width: 70px; border: 1px solid #e64340; border-radius: 15px; color: #e64340; }